.box,
.aside,
.main,
.footer,
.header,
.sidebar {
  background: red;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: sans-serif;
}

.header,
.footer {
  height: 50px;
}

.section {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  margin: 1rem auto;
}
.box {
  height: 100px;
}
.sidebar {
  grid-row: 1 / -1;
  grid-column: 4/-1;
}
.main {
  grid-row: 2/-1;
  grid-column: 1 / -2;
  height: 100%;
}
